<template>
  <i class="timmy-icon" :class="{ [`timmy-icon--${type}`]: type }">
    <font-awesome-icon v-bind="filteredProps"></font-awesome-icon>
  </i>
</template>

<script setup lang="ts">
  import type { IconProps } from "./props.ts";
  import { computed } from "vue";
  import { omit } from "lodash-es";
  const props = defineProps<IconProps>();
  defineOptions({
    name: "Timmy-Icon"
  })
  // 过滤type属性
  const filteredProps = computed(()=> omit(props, 'type'));
  console.log("props", props, filteredProps)
</script>

<style scoped>

</style>
